<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>列表样式</title>
		<style>
		li{
			/*样式*/
			list-style-type: none;
			list-style-image: url(1.gif);
			/*样式位置
			outside;样式li在元素外面
			insid：样式在li元素内部*/
			list-style-position: inside; 
			background: red;
		}
		</style>
	</head>
	<body>
		<ul>
		<!-- 11111 -->
			<li>菠萝</li>
			<li>榴莲</li>
			<li>黄瓜</li>
		</ul>
	</body>
</html>